<!DOCTYPE HTML>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="css/login.css">
    </head>
    <body>
        <div class="main">
            <div class="content-wrap">
                <div id="tabs">
                    <ul>
                        <li>
                            <a href="#fragment-1" class="tab"><span>User Login </span></a>
                        </li>
                        <li>
                            <a href="#fragment-2" class="tab"><span>New User Registration</span></a>
                        </li>
                        <div class="clear">
                        </div>
                    </ul>
                    <div id="fragment-1">
                        <div class="login_email">
                            <label>
                                Your email address 
                            </label>
                            <input id="username" tabindex="1" size="42" class="inputbox frontlogin" type="text" name="username">
                        </div>
                        <div class="login_password">
                            <label>
                                Password 
                            </label>
                            <input id="password" tabindex="2" size="42" class="inputbox frontlogin" type="password" name="password">
                        </div>
						<div class="error-msg"></div>
                        <div class="button" tabindex="3" id="button_login">
                            <span class="accept">Log In</span>
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                    <div id="fragment-2">
                    	<div>
	                    	<div class="half-wrapper-left">
		                        <div class="register_firstname">
		                            <label>
		                                First name: 
		                            </label>
		                            <input id="firstname" tabindex="1" class="inputtext" type="text" name="firstname" size="42px">
		                        </div>
							</div>
							<div class="half-wrapper-right">
		                        <div class="register_lastname">
		                            <label>
		                                Last name: 
		                            </label>
		                            <input id="lastname" tabindex="2" class="inputtext" type="text" name="lastname" size="42px">
		                        </div>
							</div>
						</div>
						<div class="clear"></div>
                        <div class="register_email">
                            <label>
                                Email: 
                            </label>
                            <input id="email" tabindex="3" class="inputtext" type="text" name="email" size="42px">
                        </div>
                        <div class="register_password">
                            <label>
                                Password: 
                            </label>
                            <input id="password" tabindex="4" class="inputtext" type="password" name="password" size="42px">
                        </div>
                        <div class="register_repassword">
                            <label>
                                Re-enter password: 
                            </label>
                            <input id="repassword" tabindex="5" class="inputtext" type="password" name="repassword" size="42px">
                        </div>
                        <div id="button_register" tabindex="6" class="button">
                            <span class="accept">Sign Up</span>
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.12.custom.min.js"></script>
	<script type="text/javascript" src="js/generic.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
	<script type="text/javascript" src="js/md5.js"></script>
    <script>
        $(document).ready(function(){
            $("#tabs").tabs();
        });
    </script>
</html>
